<template>
  <el-calendar v-model="value">
  </el-calendar>
</template>

<script>
  export default {
    name: "Calendar",
    data() {
      return {
        value: new Date()
      }
    }
  }
</script>

<style>
  .el-calendar-table .el-calendar-day {
    height: 70px !important;
    padding: 0 !important;
    text-align: center;
    line-height: 70px;

  }
  .el-calendar__header {
    padding-bottom: 20px !important;
  }
  .calendar-container {
    margin: 0 auto !important;
    display: block !important;
  }
</style>

<style scoped>

</style>